<style scoped>
	#support{
		margin-top:150px;
	}
	#support > h3,#support > p{
		text-align: center;
	}
	#support > p{
		margin-top:5px;
	}
	.support-qrcode{
		box-sizing: border-box;
		display:inline-block;
		width:50%;
		padding:10px 10px;
	}
	.support-qrcode > h4{
		text-align: center;
	}
	.support-qrcode > img{
		display: block;
		width:70%;
		height:auto;
		margin:0 auto;
	}

	@media (max-width: 768px) {
		.support-qrcode > img{
			width:100%;
		}
    }
</style>


<template>
	<div id='support'>
		<h3>随意打赏</h3>
		<p>您的支持将是我前进的最大动力</p>
		<div><div class='support-qrcode'>
				<h4>支付宝</h4>
				<img src="../assets/images/ali.jpg">
			</div><div class='support-qrcode'>
				<h4>微信</h4>
				<img src='../assets/images/wechat.jpg'>
			</div></div>
	</div>
</template>


<script>
export default {
        name: 'Support',
        data () {
            return {
            }
        }
    }
</script>